*{margin:0;padding:0;}
body {
    margin: 0;
    font-family: "SimSun";
    font-size: 14px;
    line-height: 24px;
    color:#333;
}
ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,input,button {
    margin: 0;
    padding: 0;
}
ul{  list-style: none;  }
input,button {   font-family: "SimSun";  }
a {
    color:#333;
    text-decoration: none;
    font-family: "SimSun";
}
a:hover {
    text-decoration: none;color:red;
}
.nav>ul>li:nth-child(8){position:relative;}
.nav>ul>li:nth-child(8)>b{
	background:url(../img/bubble_hot_f.png)no-repeat;
	background-size:cover;
	width:40px;
	height:40px;
	display:block;
	position:absolute;
	top:-21px;
	right:0;
	}
.clearfloat:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfloat:before {
    content: "";
    display: table;
    height: 0;
    clear: both;
    visibility: hidden;
}
.container {
    width:1200px;
    margin: 0 auto;
}
.container:before {
    content: "";
    display: table;
    height: 0;
    clear: both;
    visibility: hidden;
}
.lf {
    float: left;
}
.rt {
    float: right;
}
.all{min-width:1300px;overflow: hidden;}
.top{height:40px;line-height:40px;background:#eee;padding:0 10px;}
.top>ul>li{float: left;}
.top>ul>li>a{padding:0 5px;border-right:1px solid #333;}
.top>ul>li:last-child>a{border-right:none;}
.top>p>a{color:#3C8DC2;}
.header{height:155px;background:#fff;}
.header>div{float:left;margin:20px 40px 10px 0;}
.s-search>li{float:left;}
.s-search>li>a{
    display:inline-block;
    padding:0 10px;
}
.s-search>li.active>a{
    display:inline-block;
    color:#fff;
    background:#1786cc;
}
.search{display:none;}
.active{display:block;}
.search{
    margin-top:30px;
    position: relative;
}
.search input:first-child{
    width:399px;
    height:35px;
    padding-left:10px;
    border:1px solid #1786cc;
    border-radius: 10px;
}
.search input[type=submit]{
    border:none;
    width:90px;
    height:35px;
    font-size:20px;
    color:#fff;
    background:#1786cc;
    position:absolute;
    top:1px;
    right:0;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}
.header .head-dl{margin-top:10px;}
.head-dl>dl{float:left;margin-right:30px;}
.head-dl>dl:last-child{margin: 0;}
.head-dl>dl>dt>img{width:100px;height:100px;}
.nav{
    height:40px;
    line-height: 40px;
    background:#006FB5;
}
.nav>ul>li{float:left;}
.nav>ul>li>a{
    display: inline-block;
    padding:0 30px;
    color:#fff;
}
.slider, .slider .slider-img {
    overflow: hidden;
    height: 395px;
}
.slider {
    width: 900px;
    margin: 10px 0;
    position: relative;
    float:left;
}
.slider:hover .slider-btn {
    color: #fff;
    text-shadow: 0 0 5px #666;
}
.slider .slider-img {
    width: 10000px;
    position: relative;
}
.slider .slider-img .slider-img-ul {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.slider .slider-img .slider-img-ul li {
    float: left;
}
.slider .slider-img .slider-img-ul li img {
    width: 900px;
    height: 395px;
}
.slider .slider-dot ul {
    position: absolute;
    right: 50px;
    bottom: 30px;
}
.slider .slider-dot ul li {
    cursor: pointer;
    width: 10px;
    height: 10px;
    /*background: #fff;*/
    float: left;
    margin-left: 10px;
}
.slider .slider-dot ul li.active, .slider .slider-dot ul li:hover {
   /* background: #006FB5;*/
}
.slider .slider-btn {
    position: absolute;
    width: 50px;
    height: 100px;
    top: 50%;
    line-height: 100px;
    text-align: center;
    color: #fff;
    font-size: 28px;
    text-decoration: none;
    font-family: '����';
    color: rgba(255, 255, 255, 0);
}
.slider .slider-btn:hover {
    background: rgba(125, 125, 125, .3);
}
.slider .slider-btn.slider-btn-left {
    left: 0;
    margin-top: -50px;
}
.slider .slider-btn.slider-btn-right {
    right: 0;
    margin-top: -50px;
}
.logs{
	width: 267px;
    float: right;
    margin: 10px 0;
    padding: 15px;
    border: 1px dashed #ccc;
    background: #f7f7f7;
    height: 363px;
}
.logo{  
width: 295px;
float: right;
margin: 10px 0;
}
.log-fir{display: block;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 35px;
	}
.log-two{
	display: block;
    text-align: center;
    background: darkorange;
    height: 38px;
    line-height: 38px;
    color: #fff;
}
.logo-center{text-align: center;
    width: 180px;
    height: 180px;
    margin: 18px auto;
    border-radius: 50%;
}
.log-two>a{color: #fff;}
.basic-grey {
    background: #F7F7F7;
    padding: 40px 15px 75px 10px;
    font: 12px Georgia, "Times New Roman", Times, serif;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    border:1px solid #E4E4E4;
}

.basic-grey h1>span {
    display: block;
    font-size: 11px;
}
.basic-grey label {
    display: block;
    margin: 0px;
}
.basic-grey label>span {
    float: left;
    width: 25%;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="password"], .basic-grey textarea, .basic-grey select {
    border: 1px solid #DADADA;
    color: #888;
    height: 30px;
    margin-bottom: 16px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 65%;
    line-height:15px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey textarea{
    padding: 5px 3px 3px 5px;
}
.basic-grey textarea{
    height:100px;
}
.basic-grey .button {
    background: #0174BC;
    border: none;
    padding: 8px  20px;
    color: #FFF;
    margin:16px 28px;
    box-shadow: 1px 1px 5px #B6B6B6;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #9E3F3F;
    cursor: pointer;
}
#code{width:40%;}
input[type="checkbox"]{
    margin:5px 8px 0 10px;
    width:15px;
    height:15px;
}
.basic-grey>label>a.forget{
    display: inline-block;
    margin-left:40px;
    color:#006FB5;
}
.btn>img{
    width:25px;
    height:25px;
    position: absolute;
    top:6px;
    left:5px;
}
.btn{
   display: inline-block;
    width:120px;
    height:35px;
    line-height: 35px;
    text-align: center;
    position: relative;
    margin:15px 0;
}
.btn-lf{background:#0BA9CD;margin-right:15px;}
.btn-rt{background:#FF3D49;}
.tab{clear:both;}
/*banner�ֲ�*/
.roll_box{position:relative;  float:left;  }
.roll_box ul{ width:500px;  height:300px;  z-index:5;  position:relative;  }
.imgList li.show{  opacity: 1;  }
.imgList li img{width:500px;height:300px;}
.imgList li{  position:absolute;  z-index:1;  opacity: 0;  background:center no-repeat #fff;  transition: all .6s linear;  }
.roll_box>a{  display:block;  width:40px;  height:80px;  background:#ccc;  opacity: .2;  position:absolute;  left:565px;  top:140px;  z-index:5;  transition: all .2s linear;  }
.roll_box>a.btn_right{  left:1271px;  }
.roll_box>a:hover{  opacity: .8;  }
.to_left,.to_right{  display:block;  margin-top:24px;  margin-left:10px;  width:17px;  height:35px; }
.img_index{
    position:absolute;
    width:160px;
    height:20px;
    right:0;
    z-index:10;
    bottom:10px;
}
.img_index a{
    float:left;
    width:30px;
    height:30px;
    text-align: center;
    margin-right:5px;
    line-height:30px;
    cursor:pointer;
    background:#054723;
    color:#fff;
}
.img_index a.on{  background:#267FD4;  }
.right{  width:260px;  position:absolute;  right:300px;  z-index:999;  background:#fff;  margin-top:-2px;  }
.right_div>ul>li>h4{  float:left;  margin-right:10px;  color:#1786cc;  }
.right_div>ul>li>p>a{  display:inline-block;  padding: 0 5px;  }
.new{float: right;width:687px;position:relative;}
.tit{
    height:40px;
    line-height: 40px;
    border:1px solid #D8DCE0;
    background:#F3F6FC;
}
.tit>h3{
    color:#fff;
   background:#006FB5;
    padding:0 10px;
}
.tit>b{
    width: 0;
    height: 0;
    background:red;
    border-width:5px 5px 0 5px;
}
.new>table{
    border:1px solid #eee;
    width: 687px;
    background: #fff;}
.new>table tbody tr:first-child td{
    font-size:16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    text-align: center;
}
.new>table tbody tr{
    display: block;
    width:687px;
    height:35px;
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
}
.new>table tbody tr td{
    padding:0 8px;
    display: inline-block;
    width: 29.8%;
    height:35px;
    white-space: nowrap;
    overflow:hidden ;
}
.new>table tbody tr:not(.tab-head):hover{
    height: auto;
    background-color:#fff;
    -moz-box-shadow: 10px 10px 5px #888888; 
    box-shadow: 10px 10px 5px #888888;
	color:red;

}
.new>table tbody tr:hover td{height: auto;white-space:normal;}
.new>table tbody tr:hover td>p>a{color:red;}

.tab-pro{clear:both;margin:20px 0 10px 0;}
.media-img{
    float:left;
    border:1px solid #ddd;
    padding:5px;
}
.media-img>img{width:100px;height:100px;}
.media{width:288px;float:left;margin:15px 0;}
.media-text{
    margin-left: 10px;
    float: left;
    width: 165px;
    height:100px;
}
.media-text>h4{font-weight: bold;color:#000;}
.media-text>p{
    color:#000;
    float:left;
    overflow:hidden;
    padding-right:7px;
    text-overflow:ellipsis;
    -o-text-overflow: ellipsis;
}
.media-text>a{color:#006FB5;}

.tab-pro>ul{
    border:1px solid #ddd;
    border-top:none;
    border-bottom: none;
    padding:0 10px;
}
.tab-ban{clear:both;}
.tab-pro>ul>li{border-bottom: 1px dashed #ddd;}
.img>img{width:100%;margin-top:10px;}
.tab-ban>ul>li{width:395px;float:left;margin-right:5px;}
.tab-ban>ul>li:nth-child(3){margin-right:0;}
.tab-ban>ul>li:last-child{margin-right:0;}
.center_top{clear:both;}
.tab-ban>ul>li>a>img{width:100%;}
.tab-ban>ul.ul-img>li{width:294px;}
.div-ul>ul{float:left;margin-right: 6px;}
.div-ul>ul:last-child{margin-right:0;}
.post{width:193px;}
.post>li>a>img{width:100%;}
.post-center{width:398px;}
.post-center>li>a>img{width:100%;}
.spec>h3{
    width:22px;
	height:102px;
    padding:0 7px;
    background: #006FB5;
    color:#fff;
    float:left;
}
.spec>table{float:left;width:1164px;  border-color:#CBE7F9;text-align: center;}
.spec-ul>li{width:596px;display: inline-block;}
.spec-ul>li>img{width:100%;}
.spec-ul>li>a>img{width:100%;}
.new-list{width:470px;margin-right:20px;float:left;}
.new-list>p{color:darkred;font-weight: bold;border-bottom: 1px solid #ddd;}
.new-list>ul{list-style: disc;padding-left:20px;}
.new-list>ul>li>span{float: right;}
.hot-search{float:right;width:220px;}
.hot-search>p{color:darkred;font-weight: bold;border-bottom: 1px solid #ddd;}
.hot-search>div>a{padding:0 3px;display: inline-block}
.hot-search>div>a:nth-child(1){color:#B24E7F;}
.hot-search>div>a:nth-child(4){color:#0BA9CD;}
.hot-search>div>a:nth-child(7){color:#6755BF;}
.tab-new{border-top:2px solid #0BA9CD;margin-top:10px;padding-top:10px;}
.tab-new>div{margin-bottom:10px;}
.supp{border-bottom: 1px solid #ddd;height:30px;line-height: 30px;}
.supp>h3{color:#BE4547;}
.sup-media{width:395px;margin-right:5px;}
.sup-media>.media-text{width:270px;}
.supply{clear:both;}
#poster{clear:both;}
#poster .list{width:395px;}
#poster .list>li>a>img{width:395px;height:243px;}
#poster>ul{float: right;width:797px;}
#poster>ul>li{display: inline-block;width:394px;}
#poster>ul>li>a>img{width:100%;}
.bind{clear:both;}
.bind-div{height:30px;line-height: 30px;border-bottom: 1px solid #ddd;}
.model{width:500px;margin-right:20px;float: left;}
.media-text>h3{color:#0BA9CD;}
.model>ul{
    border-top:1px dashed #ddd;
    padding:10px 0;
    list-style: disc;
    padding-left:20px;
	clear:both;
}
.model>ul>li>span{float:right;}
#content>div{display: none}
#content .consh{display: block;}
.consh>ul{
    list-style: disc;
    color:sandybrown;
    padding-left:20px;
	margin-bottom:20px;
  
}
#title>ul{border-bottom: 1px solid #ddd;margin-bottom: 10px;}
#title>ul>li{display: inline-block;font-weight: bold;padding:5px 16px;}
#title .titsh{background:#006FB5;color:#fff;}
#tab{width:600px;float:right;}
.ying>ul>li{width: 234px;float: left;margin-right: 7px;}
.ying>ul>li:last-child{margin-right:0px;}
.ying>ul>li>a>img{width:100%;}
.lig-dl>dl{
    display: inline-block;
    width:229px;
    text-align: center;
    margin:5px 0 10px 0;
    background: #EFF6FC;
    padding-bottom: 8px;
    border-top:none;
}
.lig-dl>dl>dt>img{width:100%;}
.lig-dl{border:1px solid #ddd;padding:0 10px;}
.light>p{
    border:1px solid #ddd;
    color:darkred;
    padding:0 10px;
    background: #FAFBFD;
    height:30px;
    line-height: 30px;
}
.light>p>i{
    display: inline-block;
    width:30px;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    text-shadow: 1px 1px 0 yellow,-1px -1px 0 yellow;
}
.spec-ul{clear:both;}
.light{clear:both;margin:10px 0;}
.lig-c>div{
    height:30px;
    line-height: 30px;
    padding:0 10px;
    border:1px solid #CED8E1;
    background:#F8F9FD;
}
.lig-c>div>h4>span{
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color:red;
}
.lig-c>ul{
    border:1px solid #CED8E1;
    padding:0 20px;
    line-height: 30px;
    border-top:none;
}
.tab-c>.lig-c{
    float: left;
    margin-right: 10px;
    width:292px;
}
.tab-c>.lig-c:last-child{margin-right:0;}
.tab-c>.lig-c>ul>li>span{float:right;}
.tab-c{margin:20px 0;}
.tab-c>.lig-c>ul>li>b{
    display: inline-block;
    width:20px;
    height:20px;
    line-height: 20px;
    margin-right:10px;
    text-align: center;
    background:#eee;
    color:#fff;
}
.tab-c>.lig-c>ul>li:nth-child(1)>b{background:red;}
.tab-c>.lig-c>ul>li:nth-child(2)>b{background:red;}
.tab-c>.lig-c>ul>li:nth-child(3)>b{background:red;}
.exhi{
    border:1px solid #ddd;
    border-top:2px solid #0BA9CD;
    min-height:256px;
    padding:0 15px;
}
.exhi>p{
    color:#D3655B;
    padding-left:15px;
    height:30px;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
}
.exhi>div>dl{
    width:275px;
    display: inline-block;
    text-align: center;
    margin-right:15px;
    margin-top:10px;
    margin-bottom: 10px;
}
.exhi>div>dl:last-child{margin-right:0;}
.exhi>div>dl>dt{padding:5px;border:1px solid #ddd;}
.exhi>div>dl>dt>img{width:100%;}
#footer>ul{
    height:50px;
    line-height: 50px;
    background:#FDE697;
    padding:0 10px;
    margin:10px 0;
}
#footer>ul>li{
     float:left;
    margin-right:20px;
 }
#footer>ul>li>h3{
    color:red;
}
#footer>ul>li>a{
    display: inline-block;
    width:100px;
    height:30px;
    line-height: 30px;
    border:1px solid #eee;
    background:#96C8E4;
}
#footer>ul>li>a>b{
    display: inline-block;
    background: url(../img/QQ.png)no-repeat ;
    width:30px;
    height:25px;
    background-size: 85%;
    float:left;
    margin-top:3px;
    margin-left:5px;
}
#footer>ul>li>a>b.group{background: url(../img/group.png)no-repeat ;}
#footer>p{text-align: center;}
#footer{margin:20px 0;background:#fff;padding:0 0 20px 0;clear: both;}
.link{border:1px solid #ddd;padding:10px;}
.link>a{display: inline-block;padding:0 5px;}

/*bind*/
.tit-bind>b{
    background:url(../img/b1.jpg)no-repeat;
    width:26px;
    height:25px;
    display: inline-block;
    float:left;
    margin-top:4px;
}
.tit-bind{
    color:yellow;
    background: -webkit-linear-gradient(#006FB5, #02458E);
    background: -o-linear-gradient(#006FB5, #02458E);
    background: -moz-linear-gradient(#006FB5, #02458E);
    margin:10px 0;
    height:30px;
    line-height: 30px;
    padding-left:10px;
}
#slider{ width: 1200px;}
#slider .slider-img .slider-img-ul li img {  width: 1200px;}
#slider .slider-img {  width: 12000px;}
.bind-dl{background: #0066CB;}
.bind-dl>a>dl{width:395px;float:left;margin:10px 2.5px;margin-bottom: 10px;text-align: center;}
.bind-dl>a>dl>dt>img{width:395px;height:215px;}
.bind-dl>a>dl>dd{
    color:yellow;
    background: -webkit-linear-gradient(#006FB5, #02458E);
    background: -o-linear-gradient(#006FB5, #02458E);
    background: -moz-linear-gradient(#006FB5, #02458E);
    height:30px;
    line-height: 30px;
}
.page>ul>li>a{color:#fff;display: inline-block;padding:5px 10px;}
.page>ul>li{display: inline-block;}
.page{text-align: center;padding:10px 0;}
.page>ul>li.on>a{text-decoration: underline;}
#bind-new a{color:#fff;}
#bind-new{border-top:6px solid #093977;padding-top:10px;}
#bind-new>.lig-c>div{
    background:#002559;
    color:yellow;border:none;
    margin-bottom:2px;
}
#bind-new>.lig-c>div>h4>b{
    font-size: 20px;
    color:#fff;
    display: inline-block;
    padding:0 3px;
}
#bind-new>.lig-c>ul{background:#002559;border:none;height:300px;}
.tit-bind>a{color:yellow;}
.new-apper{width:566px;display: inline-block;height:300px;}
.new-apper:first-child{margin-right:20px;}
.apper{
    color:#fff;
    height:30px;
    padding: 0 10px;
    line-height: 30px;
    background: #0050CA;
}
.apper>a{color:#fff;}
.head>img{width:100%;}
.head{width:200px;}
.tab-apper{padding:20px;}
.new-body{color:#fff;float:right;width:346px;}
.new-body>h3>a{color:yellow;}
.new-body>h3>a:hover{text-decoration: underline;}
.new-body>h3{margin-bottom: 10px;}
.new-body>p{
    text-indent: 1cm;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.new-body>ul>li>a{color:#fff;}
.new-body>ul{
    list-style: disc;
    padding-left:20px;
    line-height:30px;
}
.new-body>ul>li{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*price*/
.p-img{  margin:10px 0;  }
#price{background:#fff;}
.price-lf{float:left;width:860px;}
.roll_box>.img-prc{width:380px; height:329px;}
.img-prc >li img{width:380px;height:329px;}
.hot{
    float:right;
    background:url(../img/p2.jpg)no-repeat center center;
    width:445px;
    height:329px;
    background-size: cover;
    padding:0 15px;
    border:1px solid #0BA9CD;
}
.hot>div{
    width: 329px;
    height: 30px;
    margin: 0 auto;
    margin-top:20px;
}
.hot>div>p>span{color:#0BA9CD;}
.hot>h2{color:#0BA9CD;text-align: center;}
.hot>p{
    text-indent: 1cm;
    margin:10px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
    overflow: hidden;
    position: relative;
}
.hot>p>a{
    position: absolute;
    bottom:0;
    right:0;
    color:red;
}
.hot>ul{
    display: inline-block;
    list-style: disc;
    padding-left:25px;
    width:193px;
}
.new-pri{
    float:left;
    margin:10px 0;
    width:426px;
    display: inline-block;
    background:#fff;
	height: 315px;
	overflow: hidden;
}
.tab-ban .home-ul>li{margin-right:5px;}
.tab-ban > ul.ul-img > li:nth-child(3){margin-right:6px;}
.new-pri:first-child{margin-right:8px;}
.prev{
    height:30px;
    line-height:34px;
    background:-moz-linear-gradient(top,#ace,#f96);
    background:-webkit-linear-gradient(top,#008ACF,#B4D6E5);
    background:-o-linear-gradient(top,#ace,#f96);
    padding:0 10px;
    color:#fff;
}
.prev>p>span{font-weight: bold;}
.p-media>img{
    float:left;
    margin-right:10px;
    width: 126px;
    height: 120px;
}
.p-body>h4{margin-bottom:5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.p-body>h4>a{color:#0089E1;}
.p-body>p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
    overflow: hidden;
}
.next{
    padding:10px;
    border:1px solid #0BA9CD;
    border-top:none;
}
.next>ul{
    border-top:1px dashed #ddd;
    margin-top:10px;
    line-height: 30px;
}
.next>ul>li{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
    overflow: hidden;
}
.price-rt{float:right;width:330px;}
.price-rt>div>ul{
    background: #EFF3F6;
    padding-left:20px;
    height:280px;
    line-height:30px;
}
.price-rt>div>ul>li{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
    overflow: hidden;
}
.pri-img>img{width:330px;height:210px;}
.light-lf{
    float:left;
    width:300px;
    margin-right:20px;
    margin-bottom: 40px;
}
.light-lf>ul>li{border-bottom: 1px dashed #ddd;}
.light-rt>ul>li{border-bottom: 1px dashed #ddd;}
.light-rt{float:right;margin-bottom: 40px;width:878px;}
.light-all{float:right;margin-bottom: 40px;width:1200px;}
.detail-lf>p>span{
    /*background:url(../img/wei.png)no-repeat;*/
    display: inline-block;
    width:30px;
    height:30px;
    padding:0 5px;
}
.detail-lf>p>b{
    /*background:url(../img/wb.png)no-repeat;*/
    display: inline-block;
    width:30px;
    height:30px;
    padding:0 5px;
}
.detail-lf>p>i{
    /*background:url(../img/cont.png)no-repeat;*/
    display: inline-block;
    width:30px;
    height:30px;
    padding:0 5px;
}
.detail-lf>p>s{
    text-decoration: none;
    float:left;
}
.detail-lf>p{
    border:1px solid #ddd;
    border-right:none;
    border-left:none;
    height:35px;
    line-height: 35px;
}
.detail-lf{text-align: center;width:800px;float: left;}
.detail-lf>h2{margin:20px 0;}
.det-img{
    padding:20px;
}
.det-img>img{
    width:600px;
    height:350px;
}
.detail-lf>div>p{text-indent: 1cm;text-align: left;margin-bottom: 10px;}
.pager>ul>li{display: inline-block;padding:0 5px;}
.pager>ul>li:first-child{border:1px solid #ddd;margin-right:20px;}
.pager>ul>li:last-child{border:1px solid #ddd; margin-left:20px;}
.pager>ul>li.on>a{text-decoration: underline;color:#0BA9CD;}
.pager{margin-top:50px;text-align: center;}
.detail-rt{width:300px;float:right;}
.det-div{border:1px solid #ddd;border-top:none;padding:20px 10px;}
.det-div>ul>li{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
    overflow: hidden;
}
.det-div>ul{
    line-height: 30px;
}
.det-div>p{color:red;border-bottom: 1px dashed #ddd;}
#introd{float:left;}
#introd>ul{
    width:220px;
    line-height: 40px;
    border:1px solid #ddd;
    border-bottom: none;
    margin:20px 0;
}
#introd>ul>li{border-bottom: 1px solid #ddd;padding-left:30px;}
#introd>ul>li.titsh{background: red;color:#fff;}
.cont{
    margin-left:250px;
	margin-right:20px;
    margin-top:20px;
    border:1px solid #ddd;
    padding:15px;
    margin-bottom: 40px;
}
.cont .cont-ul{
    list-style: none;
    width:100%;
    height:35px;
    line-height: 35px;
}
.cont-ul>li{float:right;margin-right:20px;}
.cont-ul>li>b{
    background:url(../img/b4.png)no-repeat;
    width:24px;
    height:17px;
    display: inline-block;
    background-size: cover;
}
.cont-ul>li:first-child>b{
    background:url(../img/b5.png)no-repeat;
}
.intro>h3{color:red;}
.intro>span{color:#ddd;}
.intro-text{
    padding:15px 0;
    margin:15px 0;
    border-top:1px solid #ddd;
}
#dituContent{
    width:90%;
    height:350px;
    margin:0 auto;
    border:#ccc solid 1px;
}
.intro-text>dl{
    display: inline-block;
    width:300px;
    text-align: center;
    margin-bottom: 35px;
}
.intro-text>dl>dt img{  width:90%;  }
.det-h3{
    color:#0295DB;
    margin:15px 0;
    font-size: 20px;
    height:40px;
    line-height: 40px;
    padding-left:10px;
}
.prodet>img{width:100%;}
.prodet{float:left;width:350px;margin-right:10px;}
.media-det>ul>li>p{height:50px;}
.det-ol{padding-left:20px; }
.triangle-right {
    display: inline-block;
    width:0;
    height:0;
    float:left;
    margin-right:10px;
    margin-top:9px;
    border-width:10px 0 10px 15px;
    border-style:solid;
    border-color:transparent transparent transparent #0295DB;
}
.det-b{background:#eee;}
#introd>p{
    background:#DA251C;
    padding-left:30px;
    height:50px;
    line-height: 50px;
    color:#fff;
    margin-top:20px;
}
#introd #det-tit{margin-top:0;}
#introd #det-tit>li.titsh{background:#fff;color:#333;}
.media-det{height:300px;}
.nav>ul>li>.col{background:red;}

.content_middle{
    height:180px;
    margin:0px auto;
    position:relative;
    border: 1px solid #ccc;
}
.content_middle ul li{
    width:100%;
    height:76px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    margin:0 auto;
}
.content_middle ul li>a>img{width:100%;  height:180px;}

.led{
position: relative;
}
.led>img{
    width:100%;
}
.led>b{
    position: absolute;
    top: 45px;
    right: 20px;
    width: 14px;
    padding: 5px 10px;
}
.up{background:#fff;
    color:#333;}
.down{
    background: #aaa;
    color:#fff;}
	
	
	/*case*/
.banner>img{width:1200px;height:350px;}
#cont>div{display: none}
#cont .cons{display: block;}
#case-cont>div{display: none}
#case-cont .cons{display: block;}
#tab>.case-title>ul{width:415px;margin:10px auto;border:none;}
#tab>.case-title>ul>li{
    border:1px solid #ddd;
    margin:5px 10px;
    background: #EEEEEE;
    color:#C8C9C9;
    font-size: 16px;
    width:148px;
    text-align: center;
    font-weight: 600;
}
#tab>.case-title>ul>li.titsh{color:#000;}
#tit{width:1200px;}
#tit>ul{border-bottom:1px solid #ddd;margin-top:20px;}
#tit>ul>li{display:inline-block;width:100px;text-align: center;color:#595757;}
#tit>ul>li.tits{border-bottom:2px solid red;}
#case-tit{width:1200px;}
#case-tit>ul{border-bottom:1px solid #ddd;margin-top:20px;}
#case-tit>ul>li{display:inline-block;width:100px;text-align: center;color:#595757;}
#case-tit>ul>li.tits{border-bottom:2px solid red;}
.product{margin:35px 0;}
.product dl{display:inline-block;width:24%;margin-bottom:30px;}
.product dl>dt img{width:100%;height:290px;}
.product dl>dd>div{float:left;}
.line{
    float: right;
    margin: 6px;
    border:1px solid #ddd;
    border-radius: 15px;
    background: #eee;
    padding:2px 13px;
}
.line:hover{background: red;color:#fff;}
.pages{margin-bottom:30px;}
.pages>ul>li{background: #F8F8F8;padding: 0 5px;}
.pages>ul>li:first-child{margin:0;}
.pages>ul>li>a{color:#000000;}
.pages>ul>li.on{background: #0087D1;font-weight: bold;}
.pages>ul>li.on>a{color:#fff;}
.rank{clear:both;}
.rank>p{font-weight: bold; }
.ranking{margin: 20px 0 30px 0;}
.ranking>a>dl{display: inline-block;width:11%;}
.ranking>a>dl>dt>img{width:100px;height:100px;}
.ranking>a>dl>dd{text-align: center;width:100px;}
.case-left{width:870px;float:left;padding:20px 15px;}
.case-right{width:280px;float:right;}
.case-media{float:left;margin-right:15px;}
.case-media>img{width:100px;height:100px;}
.head-name{margin-top:20px;float:left;}
.head-name>h3{margin-bottom:8px;}
.head-name>p{color:#9E9F9F;}
.case-mess{clear:both;}
.case-mess>p:not(:first-child){color:#9E9F9F;font-size:13px;}
.case-mess>p:first-child>span{color:red;font-weight: bold;font-size: 18px;}
.case-left>div>dl{float:right;}
.case-left>div>dl>dt>img{width:150px;height:150px;border:1.5px solid #ddd;padding:8px;}
.case-left>div>dl>dd{text-align: center;}
.case-mess>p:nth-child(2){margin:20px 0 6px 0;}
.case-text{clear:both;padding-top:20px;}
.case-text>p:first-child>span{color:red;font-weight: bold;font-size: 18px;}
.case-text>div>p{text-indent: 0.5cm;letter-spacing: 1px;}
.case-text>div{padding:15px 0;}
.case-det{margin-top:20px;}
.case-det>p:first-child>span{color:red;font-weight: bold;font-size: 18px;}
.case-det>div.ranking>a>dl{width:15%;}
.case-right>p{font-size:15px;font-weight: bold;color:red;margin-bottom:20px;}
.case-hot dl{clear:both;}
.case-hot dl>dt{float:left;}
.case-hot dl>dd{float:left;margin-top:30px;margin-left:10px;}
.case-hot dl>dt>img{width:90px;height:90px;}

/*����*/
#app{ clear:both;padding: 20px;}
#app>dl{ position: relative; margin-bottom: 10px }
#app>dl:after { content: ""; display: block; clear: both }
#app>dl dt { position: absolute; top: 0; left: 0;color:#fff;padding:3px 10px;}
#app>dl:first-child>dt{background:#FF956B; }
#app>dl:nth-child(2)>dt{background:#88C3FF;}
#app>dl:nth-child(3)>dt{background:#9BA2F6;}
#app>dl dd { padding-left: 55px }
#app>dl dd a { margin-right: 16px; margin-bottom: 10px; display: inline-block }
.hot-product>a{
    display: block;
    float: left;
    margin:20px 1%;
    width:10.5%;
}
.hot-product>a>dl>dt>img{
    width:90%;
    height:90%;
    position:absolute;
    top:0;
    left:0;

}
.hot-product>a>dl>dd{
    text-align: center;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space: nowrap;
}
.hot-product>a>dl>dt{  width:100%;
    height:0;
    padding-bottom:100%;
    position:relative;
}
.hotapp{clear:both;}